<template>
  <div>
    <sph-typenav></sph-typenav>
    <!-- 列表 -->
    <ListContainer/>
    <!-- 今日推荐 -->
    <TodayRecommed/>
    <!-- 商品排行 -->
    <Rank/>
    <!-- 猜你喜欢 -->
    <Like/>
    <!-- 楼层 -->
    <Floor v-for="floor in filterFloors" :key="floor.id" :floor="floor"/>
    <!-- 商标 -->
    <Brand/>
  </div>
</template>

<script>
import ListContainer from "./ListContainer/ListContainer.vue"
import TodayRecommed from "./TodayRecommed/TodayRecommed.vue"
import Rank from "./Rank/Rank.vue"
import Like from "./Like/Like.vue"
import Floor from "./Floor/Floor.vue"
import Brand from "./Brand/Brand.vue"
import {mapGetters} from "vuex"
export default {
  components: { 
    ListContainer,
    TodayRecommed,
    Rank,
    Like,
    Floor,
    Brand
  },
  name:"home",
  computed:{
    ...mapGetters(["filterFloors"])
  },
  mounted(){
  }
}
</script>

<style scoped>

</style>